<script type="text/javascript" src="<?php echo base_url(); ?>static/select2/select2.min.js" ></script>
<script type="text/javascript" src="<?php echo base_url(); ?>static/js/selectSearchGlobal.js"></script>
<?php

//$this->load->view('header');

if (strlen($this->session->flashdata('Error')) > 0) {
    echo '<div class="alert alert-danger alert-dismissable">';
    echo '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' . $this->session->flashdata('Error') . '</div>';
    $this->session->unset_userdata('Error');
} elseif (strlen($this->session->flashdata('Success')) > 0) {
    echo '<div class="alert alert-success alert-dismissable">';
    echo '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' . $this->session->flashdata('Success') . '</div>';
    $this->session->unset_userdata('Success');
}
?>



<script type="text/javascript">
    
    function search_data() {
        $.post("<?= site_url() ?>services/search_traffic", {
            serial : $('#r_serial').val()
        },
        function(data) {
            $('#divload').html(data);
        });
    }
    
    
</script>      

<div class="container">
	<div class="col-md-offset-1" id="top">
		<div class="col-md-11">
			<ul class="nav nav-tabs nav-justified"><!--
			  <li class="active"><a href="#saranaKerja" data-toggle="tab">Sarana Kerja</a></li>
			  <li><a href="#services" data-toggle="tab">Services</a></li>
              <li><a href="#publicRoom" data-toggle="tab">Public Room</a></li>-->
			</ul>
			<div class="tab-content">
                
            <!--
				<div class="tab-pane active" id="saranaKerja">
                -->
                <form class="form-horizontal" id="access" role="form" onsubmit="search_data();">
                    <div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title"><b class="caret"></b><b> Search Serial Number</b></h4>
						</div>
						<div class="panel-body">
							<div class="col-md-12 well">
								<div class="form-group">
                                    <label class="control-label col-md-3">Find Serial Number</label>
                                    <div class="col-md-4">
                                        <input id="r_serial" type="text" class="select2 form-control input-sm" autofocus=""/>
                                    </div>
                                    <div class="col-md-2">
                                        <button id="btn" type="button" class="btn btn-primary btn-block" onclick="search_data();">Search</button>
                                    </div>
								</div>
								
							</div>
						</div>
					</div>
                    </form>                    
                    
                    <!--<div class="panel-body well" id="divload">-->
                    <div id="divload">
                    </div>
                
                
			</div>
		</div>
  </div>
 </div>
      


